<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>HTML Programming - Music Scale</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="" />
<meta name="lang" content="en-US" />
<meta name="template-info" content="intro.htm 2013-02-07 usp" />
<meta name="creation-date" scheme="iso8601" content="2013-08-15" />
<meta name="last-modified" scheme="iso8601" content="2013-08-15" />
<meta name="version" content="1" />
<meta name="author" content="USP" />
<meta name="robots" content="follow" />
<meta name="category" content="Programming/Html/Music" />
<meta name="keywords" content="HTML, music, scale, diagram." />
<meta name="description" content="Test page for developing the music-scale javascript file." />

<link rel="stylesheet" type="text/css" href="../../includes/topic-2.css" />
<link rel="stylesheet" type="text/css" href="../../includes/table-2.css" />
<link rel="stylesheet" type="text/css" href="music.css" />
<link rel="stylesheet" type="text/css" href="local.css" />


<script language="JavaScript" type="text/javascript" src="../../includes/global.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/cookies.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/topic.js"></script>
<script language="JavaScript" type="text/javascript" src="music.js"></script>


</head><body class="content" onload="onloadTopic();"><a name="top"></a>

<h1>Music Scale Test</h1>

<table class="scale" id="table-2" notes="A,,B,C,,D,,E,F,,G,,A" >
<caption>Minor Scale</caption>
<tbody>
<tr><th class="rowhead" rowspan="4" style="width: 5em;">A minor</th></tr>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-2" ));</script>

<table class="scale" id="table-5" notes="C,,D,,E,F,,G,,A,,B,C" >
<caption>Major Scale</caption>
<tbody>
<tr><th class="rowhead" rowspan="4" style="width: 5em;">C major</th></tr>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-5" ));</script>

<table class="scale" id="table-3" notes="A,,,C,,,,E,,,G,,,,B,,,D,,,F" uppercase="true" roworder="interval,index,note">
<caption>Minor Scale</caption>
<tbody>
<tr><th class="rowhead" rowspan="4" style="width: 3em;">Am</th></tr>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-3" ));</script>

<table class="scale" id="table-4" notes="C,,,,E,,,G,,,,B,,,D,,,F,,,,A" uppercase="false" roworder="interval,index,note">
<caption>Minor Scale</caption>
<tbody>
<tr><th class="rowhead" rowspan="4" style="width: 3em;">Am</th></tr>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-4" ));</script>

<table class="scale" id="table-1"><caption>Major Scale in Phrygian Mode</caption>
<tbody>
<col style="width: 6em;"></col>
<tr class="degree">
	<th class="rowhead" rowspan="4">The scale</th>
	<td>I</td>
	<td>ii</td>
	<td></td>
	<td>iii</td>
	<td></td>
	<td>IV</td>
	<td></td>
	<td>V</td>
	<td>vi</td>
	<td></td>
	<td>vii</td>
	<td></td>
	<td>I</td>
</tr>
<tr class="index">
	<td class="used">0</td>
	<td class="used">1</td>
	<td>2</td>
	<td class="used">3</td>
	<td>4</td>
	<td class="used">5</td>
	<td>6</td>
	<td class="used">7</td>
	<td class="used">8</td>
	<td>9</td>
	<td class="used">10</td>
	<td>11</td>
	<td class="used">12</td>
</tr>
<tr class="intervals">
	<td>R</td>
	<td>m2</td>
	<td></td>
	<td>m3</td>
	<td></td>
	<td>4</td>
	<td></td>
	<td>5</td>
	<td>m6</td>
	<td></td>
	<td>m7</td>
	<td></td>
	<td>R</td>
</tr>
<tr class="notes">
	<td>E</td>
	<td>F</td>
	<td></td>
	<td>G</td>
	<td></td>
	<td>A</td>
	<td></td>
	<td>B</td>
	<td>C</td>
	<td></td>
	<td>D</td>
	<td></td>
	<td>E</td>
</tr>
</tbody></table>



<div class="footer"><hr />
<p>Page author: USP &bull; Page editor: USP &bull; Last update: 2013-08-03 &bull; 2</p>
<p>&copy; 2013 Synesis Ulrich Sprick. All rights reserved. See <a href="../../copyright.htm">Copyright details</a>.</p>
<p><a href="#top">Back to Top</a> | <a href="../../index.htm" target="_top">Home</a> | <a id="reload" onclick="reloadFrameset()" href ="../../index.htm" target="_top" >Reload Frameset</a></p>
</div></body></html>
